    /* Sidebar Styles */

    .sidebar-nav {
      width: 200px; /* 整个narbar的宽度 */
      padding: 0; /* 没有它前面有空白,并且显示li的点 */
    }

    .sidebar-nav li {
      background-color: #9d9d9d; /* 背景色 */
      text-indent: 20px; /* 文本缩进的距离 */
      line-height: 45px; /* 每一个narbar条目的高度 */
    }

    .sidebar-nav li a {
      display: block; /* 显示为块 */
      color: #595959; /* 块的背景色 */
      text-decoration: none; /* 不产生超链接的下划线 */
    }

    .sidebar-nav li a:hover {
      color: white;  /* 鼠标移动上去后的字体颜色 */
      background: #c8c8c8; /* 鼠标移动上去后的背景颜色 */
      text-decoration: none; /* 不产生超链接的下划线 */
    }

    .sidebar-nav  > .active > a,
    .sidebar-nav  > .active > a:hover,
    .sidebar-nav  > .active > a:focus {
      color: #fff; /* 选择的Active 条目的字体颜色 */
      background-color: #27ca51; /* 选择的Active 条目的背景颜色 */
      text-decoration: none; /* 不产生超链接的下划线 */
    }
